<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Stardew Valley planner v2</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css">
    <link rel="stylesheet" href="/planner/css/style.css?v=01122019-3">

    <meta name="twitter:card" content="Interactive farm planner for Stardew" />
    <meta name="twitter:site" content="@hpeinar" />
    <meta name="twitter:creator" content="@hpeinar" />
    <meta property="og:author" content="Henrik Peinar" />
    <meta property="og:url" content="https://stardew.info/planner/" />
    <meta property="og:title" content="Interactive farm planner for Stardew Valley" />
    <meta property="og:description" content="Plan your Stardew Valley farm! ...on a coffee break!" />

    <!-- newormedia -->
    <script type="text/javascript" src="//cdn.thisiswaldo.com/static/js/6568.js"></script>
</head>
<body class="saveImportDrop">
    <div class="off-canvas-wrap move-right" data-offcanvas>
        <div class="inner-wrap">

            <!-- top bar -->
            <div class="fixed">
                <nav class="top-bar" data-topbar role="navigation">
                    <ul class="title-area">
                        <li class="name">
                            <h1><a href="#">Stardew planner <small>v2</small></a></h1>
                        </li>

                        <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
                        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
                    </ul>

                    <section class="top-bar-section">
                        <ul class="left">
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <a href="#" class="show-for-xlarge-up" title="Buildings">Buildings</a>
                                <a href="#" class="hide-for-xlarge-up" title="Buildings">B</a>
                                <ul class="dropdown">
                                    <li class="tools building" data-id="silo"><div class="link"><i class="sprite-icon silo"></i>Silo</div></li>
                                    <li class="tools building" data-id="well"><div class="link"><i class="sprite-icon well"></i>Well</div></li>
                                    <li class="tools building" data-id="coop" title="All coops (regular, big, deluxe) are the same size"><div class="link"><i class="sprite-icon coop"></i>Coop</div></li>
                                    <li class="tools building" data-id="barn" title="All barns (regular, big, deluxe) are the same size"><div class="link"><i class="sprite-icon barn"></i>Barn</div></li>
                                    <li class="tools building" data-id="stable"><div class="link"><i class="sprite-icon stable"></i>Stable</div></li>
                                    <li class="tools building" data-id="fish-pond"><div class="link"><i class="sprite-icon fish-pond"></i>Fish pond</div></li>
                                    <li class="tools building" data-id="slime-hutch"><div class="link"><i class="sprite-icon slime-hutch"></i>Slime-hutch</div></li>
                                    <li class="tools building" data-id="mill"><div class="link"><i class="sprite-icon mill"></i>Mill</div></li>
                                    <li class="tools building" data-id="junimo-hut"><div class="link"><i class="sprite-icon junimo-hut"></i>Junimo hut</div></li>
                                    <li class="tools building" data-id="shed"><div class="link"><i class="sprite-icon shed"></i>Shed</div></li>
                                    <li class="tools building" data-id="stone-cabin"><div class="link"><i class="sprite-icon stone-cabin"></i>Stone cabin</div></li>
                                    <li class="tools building" data-id="plank-cabin"><div class="link"><i class="sprite-icon plank-cabin"></i>Plank cabin</div></li>
                                    <li class="tools building" data-id="log-cabin"><div class="link"><i class="sprite-icon log-cabin"></i>Log cabin</div></li>
                                    <li class="tools building" data-id="shipping-bin"><div class="link"><i class="sprite-icon shipping-bin"></i>Shipping bin</div></li>
                                </ul>
                            </li>
                            <li class="divider"></li>

                            <li class="has-dropdown">
                                <a href="#" class="show-for-xlarge-up" title="Equipment">Equipment</a>
                                <a href="#" class="hide-for-xlarge-up" title="Equipment">E</a>
                                <ul class="dropdown">
                                    <li class="tools building" data-restriction="accessible" data-id="sprinkler"><div class="link"><i class="sprite-icon sprinkler"></i>Sprinkler</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="q-sprinkler"><div class="link"><i class="sprite-icon q-sprinkler"></i>Q. sprinker</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="irid-sprinkler"><div class="link"><i class="sprite-icon irid-sprinkler"></i>Irid. sprinker</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="scarecrow"><div class="link"><i class="sprite-icon scarecrow"></i>Scarecrow</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="deluxe-scarecrow"><div class="link"><i class="sprite-icon deluxe-scarecrow"></i>Deluxe Scarecrow</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="chest"><div class="link"><i class="sprite-icon chest"></i>Chest</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="wood-sign"><div class="link"><i class="sprite-icon wood-sign"></i>Wood Sign</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="stone-sign"><div class="link"><i class="sprite-icon stone-sign"></i>Stone Sign</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="furnace"><div class="link"><i class="sprite-icon furnace"></i>Furnace</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="mini-jukebox"><div class="link"><i class="sprite-icon mini-jukebox"></i>Mini-Jukebox</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="charcoal"><div class="link"><i class="sprite-icon charcoal-klin"></i>Charcoal Kiln</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="seed-maker"><div class="link"><i class="sprite-icon seed-maker"></i>Seed Maker</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="gold-clock"><div class="link"><i class="sprite-icon gold-clock"></i>Gold clock</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="crystal"><div class="link"><i class="sprite-icon crystal"></i>Crystalarium</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="egg-press"><div class="link"><i class="sprite-icon slime-egg"></i>Slime Egg-Press</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="lighting-rod"><div class="link"><i class="sprite-icon lighting-rod"></i>Lightning Rod</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="recycling-machine"><div class="link"><i class="sprite-icon recycling-machine"></i>Recycling Machine</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="slime-incubator"><div class="link"><i class="sprite-icon slime-incubator"></i>Slime Incubator</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="worm-bin"><div class="link"><i class="sprite-icon worm-bin"></i>Worm bin</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="wood-chipper"><div class="link"><i class="sprite-icon wood-chipper"></i>Wood Chipper</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="workbench"><div class="link"><i class="sprite-icon workbench"></i>Workbench</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="water-obelisk"><div class="link"><i class="sprite-icon water-obelisk"></i>Water obelisk</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="earth-obelisk"><div class="link"><i class="sprite-icon earth-obelisk"></i>Earth obelisk</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="desert-obelisk"><div class="link"><i class="sprite-icon desert-obelisk"></i>Desert obelisk</div></li>
                                </ul>
                            </li>
                            <li class="divider"></li>

                            <li class="has-dropdown">
                                <a href="#" class="show-for-xlarge-up" title="Artisan">Artisan</a>
                                <a href="#" class="hide-for-xlarge-up" title="Artisan">A</a>
                                <ul class="dropdown">
                                    <li class="tools building" data-restriction="accessible" data-id="apricot"><div class="link"><i class="sprite-icon apricot-tree"></i>Apricot tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="cherry-tree"><div class="link"><i class="sprite-icon cherry-tree"></i>Cherry tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="orange-tree"><div class="link"><i class="sprite-icon orange-tree"></i>Orange tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="peach"><div class="link"><i class="sprite-icon peach-tree"></i>Peach tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="apple"><div class="link"><i class="sprite-icon apple-tree"></i>Apple tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="oak-tree"><div class="link"><i class="sprite-icon oak-tree"></i>Oak tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="pine-tree"><div class="link"><i class="sprite-icon pine-tree"></i>Pine tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="maple-tree"><div class="link"><i class="sprite-icon maple-tree"></i>Maple tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="mushroom-tree"><div class="link"><i class="sprite-icon mushroom-tree"></i>Mushroom tree</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="pomegranate"><div class="link"><i class="sprite-icon pomegranate"></i>Pomegranate</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="bee-hive"><div class="link"><i class="sprite-icon bee-hive"></i>Bee-hive</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="mayo"><div class="link"><i class="sprite-icon mayo-machine"></i>Mayo machine</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="cheese-press"><div class="link"><i class="sprite-icon cheese-press"></i>Cheese press</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="keg"><div class="link"><i class="sprite-icon keg"></i>Keg</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="loom"><div class="link"><i class="sprite-icon loom"></i>Loom</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="oil-maker"><div class="link"><i class="sprite-icon oil-maker"></i>Oil maker</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="preserves"><div class="link"><i class="sprite-icon preserves-jar"></i>Preserves jar</div></li>
                                </ul>
                            </li>
                            <li class="divider"></li>

                            <li class="has-dropdown">
                                <a href="#" class="show-for-xlarge-up" title="Terrain">Terrain</a>
                                <a href="#" class="hide-for-xlarge-up" title="Terrain">T</a>
                                <ul class="dropdown">
                                    <li class="tools brush" data-type="grass"><div class="link"><i class="sprite-icon grass"></i>Grass</div></li>
                                    <li class="tools brush" data-type="farmland"><div class="link"><i class="sprite-icon crops"></i>Crops</div></li>
									<li class="tools brush parent" data-type="spring"><div class="link"><i class="sprite-icon"></i>Spring crops</div></li>
									<ul class="submenu">
										<li class="tools brush" data-type="blue-jazz"><div class="link"><i class="sprite-icon blue-jazz"></i>Blue Jazz</div></li>
										<li class="tools brush" data-type="cauliflower"><div class="link"><i class="sprite-icon cauliflower"></i>Cauliflower</div></li>
										<li class="tools brush" data-type="coffee-bean"><div class="link"><i class="sprite-icon coffee-bean"></i>Coffee</div></li>
										<li class="tools brush" data-type="tea"><div class="link"><i class="sprite-icon tea"></i>Tea</div></li>
										<li class="tools building" data-id="giant-cauliflower"><div class="link"><i class="sprite-icon giant-cauliflower"></i>Giant Cauliflower</div></li>
										<li class="tools brush" data-type="garlic"><div class="link"><i class="sprite-icon garlic"></i>Garlic</div></li>
										<li class="tools brush" data-type="green-bean"><div class="link"><i class="sprite-icon green-bean"></i>Green Bean</div></li>
										<li class="tools brush" data-type="kale"><div class="link"><i class="sprite-icon kale"></i>Kale</div></li>
										<li class="tools brush" data-type="parsnip"><div class="link"><i class="sprite-icon parsnip"></i>Parsnip</div></li>
										<li class="tools brush" data-type="potato"><div class="link"><i class="sprite-icon potato"></i>Potato</div></li>
										<li class="tools brush" data-type="rhubarb"><div class="link"><i class="sprite-icon rhubarb"></i>Rhubarb</div></li>
										<li class="tools brush" data-type="rice"><div class="link"><i class="sprite-icon rice"></i>Rice Shoots</div></li>
										<li class="tools brush" data-type="strawberry"><div class="link"><i class="sprite-icon strawberry"></i>Strawberry</div></li>
										<li class="tools brush" data-type="tulip"><div class="link"><i class="sprite-icon tulip"></i>Tulip</div></li>
									</ul>
									<li class="tools brush parent" data-type="summer"><div class="link"><i class="sprite-icon"></i>Summer crops</div></li>
									<ul class="submenu">
										<li class="tools brush" data-type="blueberry"><div class="link"><i class="sprite-icon blueberry"></i>Blueberry</div></li>
										<li class="tools brush" data-type="corn"><div class="link"><i class="sprite-icon corn"></i>Corn</div></li>
										<li class="tools brush" data-type="hops"><div class="link"><i class="sprite-icon hops"></i>Hops</div></li>
										<li class="tools brush" data-type="hot-pepper"><div class="link"><i class="sprite-icon hot-pepper"></i>Hot Pepper</div></li>
										<li class="tools brush" data-type="melon"><div class="link"><i class="sprite-icon melon"></i>Melon</div></li>
										<li class="tools building" data-id="giant-melon"><div class="link"><i class="sprite-icon giant-melon"></i>Giant Melon</div></li>
										<li class="tools brush" data-type="poppy"><div class="link"><i class="sprite-icon poppy"></i>Poppy</div></li>
										<li class="tools brush" data-type="radish"><div class="link"><i class="sprite-icon radish"></i>Radish</div></li>
										<li class="tools brush" data-type="red-cabbage"><div class="link"><i class="sprite-icon red-cabbage"></i>Red Cabbage</div></li>
										<li class="tools brush" data-type="starfruit"><div class="link"><i class="sprite-icon starfruit"></i>Starfruit</div></li>
										<li class="tools brush" data-type="summer-spangle"><div class="link"><i class="sprite-icon summer-spangle"></i>Summer Spangle</div></li>
										<li class="tools brush" data-type="tomato"><div class="link"><i class="sprite-icon tomato"></i>Tomato</div></li>
										<li class="tools brush" data-type="wheat"><div class="link"><i class="sprite-icon wheat"></i>Wheat</div></li>
									</ul>
									<li class="tools brush parent" data-type="fall"><div class="link"><i class="sprite-icon"></i>Fall crops</div></li>
									<ul class="submenu">
										<li class="tools brush" data-type="amaranth"><div class="link"><i class="sprite-icon amaranth"></i>Amaranth</div></li>
										<li class="tools brush" data-type="ancient-fruit"><div class="link"><i class="sprite-icon ancient-fruit"></i>Ancient Fruit</div></li>
										<li class="tools brush" data-type="artichoke"><div class="link"><i class="sprite-icon artichoke"></i>Artichoke</div></li>
										<li class="tools brush" data-type="beet"><div class="link"><i class="sprite-icon beet"></i>Beet</div></li>
										<li class="tools brush" data-type="bok-choy"><div class="link"><i class="sprite-icon bok-choy"></i>Bok Choy</div></li>
										<li class="tools brush" data-type="corn"><div class="link"><i class="sprite-icon corn"></i>Corn</div></li>
										<li class="tools brush" data-type="cranberry"><div class="link"><i class="sprite-icon cranberry"></i>Cranberry</div></li>
										<li class="tools brush" data-type="eggplant"><div class="link"><i class="sprite-icon eggplant"></i>Eggplant</div></li>
										<li class="tools brush" data-type="fairy-rose"><div class="link"><i class="sprite-icon fairy-rose"></i>Fairy Rose</div></li>
										<li class="tools brush" data-type="grape"><div class="link"><i class="sprite-icon grape"></i>Grape</div></li>
										<li class="tools brush" data-type="sweet-gem-berry"><div class="link"><i class="sprite-icon sweet-gem-berry"></i>Sweet Gem Berry</div></li>
										<li class="tools brush" data-type="pumpkin"><div class="link"><i class="sprite-icon pumpkin"></i>Pumpkin</div></li>
										<li class="tools building" data-id="giant-pumpkin"><div class="link"><i class="sprite-icon giant-pumpkin"></i>Giant Pumpkin</div></li>
										<li class="tools brush" data-type="sunflower"><div class="link"><i class="sprite-icon sunflower"></i>Sunflower</div></li>
										<li class="tools brush" data-type="yam"><div class="link"><i class="sprite-icon yam"></i>Yam</div></li>
									</ul>
                                    <li class="tools brush" data-type="trellis"><div class="link"><i class="sprite-icon trellis"></i>Trellis</div></li>
                                    <li class="tools brush" data-type="tulips"><div class="link"><i class="sprite-icon flowers"></i>Flowers</div></li>
                                    <li class="tools brush" data-type="tree"><div class="link"><i class="sprite-icon tree"></i>Tree</div></li>
                                    <li class="tools brush" data-restriction="accessible" data-type="fence"><div class="link"><i class="sprite-icon fence"></i>Fence</div></li>
                                    <li class="tools brush" data-restriction="accessible" data-type="stone-fence"><div class="link"><i class="sprite-icon stone-fence"></i>Stone fence</div></li>
                                    <li class="tools brush" data-restriction="accessible" data-type="iron-fence"><div class="link"><i class="sprite-icon iron-fence"></i>Iron fence</div></li>
                                    <li class="tools brush" data-restriction="accessible" data-type="hardwood-fence"><div class="link"><i class="sprite-icon hardwood-fence"></i>Hardwood fence</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="gate"><div class="link"><i class="sprite-icon gate"></i>Gate</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="torch"><div class="link"><i class="sprite-icon torch"></i>Torch</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="wood-lamp-post"><div class="link"><i class="sprite-icon wood-lamp-post"></i>Wood lamp-post</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="iron-lamp-post"><div class="link"><i class="sprite-icon iron-lamp-post"></i>Iron lamp-post</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="campfire"><div class="link"><i class="sprite-icon campfire"></i>Campfire</div></li>

                                    <!-- Debris -->
                                    <li class="tools building" data-restriction="accessible" data-id="large-rock"><div class="link"><i class="sprite-icon large-rock"></i>Large rock</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="large-log"><div class="link"><i class="sprite-icon large-log"></i>Large log</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="large-stump"><div class="link"><i class="sprite-icon large-stump"></i>Large stump</div></li>
                                    <li class="tools brush" data-restriction="accessible" data-type="stone"><div class="link"><i class="sprite-icon stone"></i>Stone</div></li>
                                    <li class="tools brush" data-restriction="accessible" data-type="twig"><div class="link"><i class="sprite-icon twig"></i>Twig</div></li>
                                    <li class="tools building" data-restriction="accessible" data-id="meteorite"><div class="link"><i class="sprite-icon meteorite"></i>Meteorite</div></li>

                                    <!-- Restriction painting -->
                                    <li class="tools brush" data-type="object-restriction"><div class="link"><i class="sprite-icon object-restriction"></i>Object restriction</div></li>
                                    <li class="tools brush" data-type="building-restriction"><div class="link"><i class="sprite-icon building-restriction"></i>Building restriction</div></li>

                                </ul>
                            </li>
                            <li class="divider"></li>

                            <li class="has-dropdown">
                                <a href="#" class="show-for-xlarge-up" title="Roads & floors">Roads & floors</a>
                                <a href="#" class="hide-for-xlarge-up" title="Roads & floors">R&F</a>
                                <ul class="dropdown">
                                    <li class="tools brush" data-type="road"><div class="link"><i class="sprite-icon cobblestone"></i>Cobblestone</div></li>
                                    <li class="tools brush" data-type="gravel-path"><div class="link"><i class="sprite-icon gravel-path"></i>Gravel path</div></li>
                                    <li class="tools brush" data-type="wood-path"><div class="link"><i class="sprite-icon wood-path"></i>Wooden path</div></li>
                                    <li class="tools brush" data-type="steppingstone-path"><div class="link"><i class="sprite-icon stone-path"></i>Steppingstone path</div></li>
                                    <li class="tools brush" data-type="crystal-path"><div class="link"><i class="sprite-icon crystal-path"></i>Crystal path</div></li>
                                    <li class="tools brush" data-type="wood-floor"><div class="link"><i class="sprite-icon wood-floor"></i>Wooden floor</div></li>
                                    <li class="tools brush" data-type="brick-floor"><div class="link"><i class="sprite-icon brick-floor"></i>Brick floor</div></li>
                                    <li class="tools brush" data-type="straw-floor"><div class="link"><i class="sprite-icon straw-floor"></i>Straw floor</div></li>
                                    <li class="tools brush" data-type="weathered-floor"><div class="link"><i class="sprite-icon weather-floor"></i>Weathered floor</div></li>
                                    <li class="tools brush" data-type="stone-floor"><div class="link"><i class="sprite-icon stone-floor"></i>Stone floor</div></li>
                                    <li class="tools brush" data-type="crystal-floor"><div class="link"><i class="sprite-icon crystal-floor"></i>Crystal floor</div></li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li class="tools brush eraser" data-type="eraser"><div class="link" title="Eraser tool"><i class="fa fa-eraser"></i></div></li>
                            <li class="divider"></li>
                            <li class="tools brush select" data-type="select"><div class="link" title="Select tool"><i class="fa fa-mouse-pointer"></i></div></li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <a href="#" class="donate">Donate!</a>
                                <ul class="dropdown">
                                    <li style="width: 200px; padding: 13px;margin: 0 auto;">
                                        <a href="https://www.paypal.me/hpeinar/" target="_blank"><img src="https://www.paypalobjects.com/webstatic/paypalme/images/pp_logo_small.png" /></a>
                                    </li>
                                    <li style="width: 200px; padding: 13px;margin: 0 auto;">
                                        <a href="https://www.patreon.com/bePatron?c=1239286" target="_blank"><img src="https://c5.patreon.com/external/logo/downloads_wordmark_white_on_coral.png" /></a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- Right Nav Section -->
                        <ul class="right">
                            <!--<li class="divider"></li>-->
                            <!--<li class="discord-icon"><a href="https://discord.gg/QBqBAzp" target="_blank" ><img class="discord-icon-inner" src="/planner/img/discord-icon.png" /></a></li>-->
                            <li class="divider"></li>
                            <li class="facebook-icon"><a href="https://www.facebook.com/groups/stardewplanner/" target="_blank" ><i class="fa fa-facebook-official fa-2x"></i></a></li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <a href="#">Layouts</a>
                                <ul class="dropdown">
                                    <li class="tools"><div class="link"><b><u>Official layouts:</u></b></div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="regular"><i class="fa fa-tree"></i> Regular layout</div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="combat"><i class="fa fa-tree"></i> Combat layout</div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="fishing"><i class="fa fa-tree"></i> Fishing layout</div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="foraging"><i class="fa fa-tree"></i> Foraging layout</div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="mining"><i class="fa fa-tree"></i> Mining layout</div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="fourcorners"><i class="fa fa-tree"></i> Four Corners layout</div></li>
                                    <li class="tools"><div class="link switch-layout" data-official="true" data-layout="quarry"><i class="fa fa-tree"></i> Quarry</div></li>
                                    <li class="tools"><div class="link"><b><u>Interiors:</u></b></div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="greenhouse"><i class="fa fa-home"></i> Greenhouse</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="barn"><i class="fa fa-home"></i> Barn</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="barn-big"><i class="fa fa-home"></i> Barn Big</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="barn-deluxe"><i class="fa fa-home"></i> Barn Deluxe</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="coop"><i class="fa fa-home"></i> Coop</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="coop-big"><i class="fa fa-home"></i> Coop Big</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="coop-deluxe"><i class="fa fa-home"></i> Coop Deluxe</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="shed"><i class="fa fa-home"></i> Shed</div></li>
                                    <li class="tools"><div class="link switch-layout" data-layout="shed-big"><i class="fa fa-home"></i> Shed Big</div></li>
                                    <li class="tools parent"><div class="link"><b><u>Un-official layouts:</u></b></div></li>
                                    <ul class="submenu">
                                        <li class="tools"><div class="link switch-layout" data-layout="bigger-standard-farm" title="by lillvik"><i class="fa fa-cube"></i> Bigger Standard Farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="capitalist-dream-2" title="by DaisyNiko"><i class="fa fa-cube"></i> Capitalist Dream 2</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="more-space-forest" title="by SailorDrew"><i class="fa fa-cube"></i> More Space Forest</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="omni-farm" title="by lambui"><i class="fa fa-cube"></i> OmniFarm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="immersive-farm-2-remastered" title="by FlashShifter"><b><i class="fa fa-cube"></i> Immersive Farm 2 remastered</b></div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="immersive-farm-2-remastered-no-static" title="by FlashShifter"><b><i class="fa fa-cube"></i> Immersive Farm 2 remastered no fences, no paths</b></div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="ultimate-farm" title="by DaisyNiko">Ultimate farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="bigger-better-hilltop" title="by XCube591">A Bigger Better Hilltop</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="neat-farm" title="by Opalie">Opalie's Neat Farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="farm-extended" title="by Forkmaster"><b>Farm Extended</b></div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="community-farm" title="by SgtPickles"><b>Community Farm</b></div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="wonderful-farm-life" title="by taintedwheat & JinxieWinxie">WonderfulFarmLife</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="hill-top-forest" title="by Minnue">Hill-top forest</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="fancy-farm" title="by Williambeepbeep">Fancy farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="sv-expansion" title="by tegobash">Stardew Valley Expansion</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="white-farm" title="by Meevers">White Water Farm Map</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="immersive-farm-2" title="by Zander">Immersive Farm 2</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="memory-farm-standard" title="by Attitude Rains">Memory Farm - Standard</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="memory-farm-fishing" title="by Attitude Rains">Memory Farm - Fishing</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="memory-farm-foraging" title="by Attitude Rains">Memory Farm - Foraging</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="memory-farm-mining" title="by Attitude Rains">Memory Farm - Mining</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="capitalist-dream" title="by DaisyNiko">Capitalist Dream</div></li>
                                        <li class="tools"><div class="link"><b><u>Ali's maps:</u></b></div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="alis-farm-map-edit" title="by Mushfae"><img src="/planner/img/alis_avatar.jpg" width="20px" height="20px"> Ali's Farm map edit</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="alis-flower-farm" title="by Mushfae"><img src="/planner/img/alis_avatar.jpg" width="20px" height="20px"> Ali's Flower Farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="alis-foraging-map" title="by Mushfae"><img src="/planner/img/alis_avatar.jpg" width="20px" height="20px"> Ali's Foraging Map</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="alis-mountain-map" title="by Mushfae"><img src="/planner/img/alis_avatar.jpg" width="20px" height="20px"> Ali's Mountain Farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="secret-forest" title="by Mushfae"><img src="/planner/img/alis_avatar.jpg" width="20px" height="20px"> Ali's Secret Forest Farm</div></li>
                                        <li class="tools"><div class="link switch-layout" data-layout="cherryblossonhh" title="by Acerbicon">Cherryblosunhh</div></li>
                                        <li class="tools"><a href="#custom-layout"><div class="link"><u>Missing a layout?</u></div></a></li>
                                    </ul>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <a href="#">Options</a>
                                <ul class="dropdown">
                                    <li class="tools"><div class="toggle-highlight toggleable highlight-sprinkler link" data-highlight="sprinkler"><i class="fa fa-remove"></i> Toggle Sprinklers highlights</div></li>
                                    <li class="tools"><div class="toggle-highlight toggleable highlight-scarecrow link" data-highlight="scarecrow"><i class="fa fa-remove"></i> Toggle Scarecrows highlights</div></li>
                                    <li class="tools"><div class="toggle-highlight toggleable highlight-bee link" data-highlight="hive"><i class="fa fa-remove"></i> Toggle Bee-hives highlights</div></li>
                                    <li class="tools"><div class="toggle-highlight toggleable highlight-junimo-hut link" data-highlight="hut"><i class="fa fa-remove"></i> Toggle Junimo-hut highlights</div></li>
                                    <li class="tools"><div class="link toggleable greenhouse-switch"><i class="fa fa-remove"></i> Toggle greenhouse</div></li>
                                    <li class="tools"><div class="link toggleable brush-overwrite"><i class="fa fa-remove"></i> Toggle brush overwriting</div></li>
                                    <li class="tools"><div class="link toggleable freemode"><i class="fa fa-remove"></i> Toggle brush freemode</div></li>
                                    <li class="tools"><div class="link toggleable coordinates"><i class="fa fa-remove"></i> Toggle coordinates</div></li>
                                    <li class="tools"><div class="link toggleable active hide-stuff"><i class="fa fa-check"></i> Toggle grid + helpers</div></li>
                                    <li class="tools"><div class="link toggleable active restriction-check"><i class="fa fa-check"></i> Toggle restriction check</div></li>
                                    <li class="tools" id="count"><div class="link toggleable count-switch"><i class="fa fa-remove"></i> Object Count</div></li>
                                    <li class="powered-by">Data layers</li>
                                    <li class="tools" id="draw-building-layer"><div class="link building-layer"><i class="fa fa-cube"></i> Draw building data layer</div></li>
                                    <li class="tools" id="draw-tillable-layer"><div class="link tillable-layer"><i class="fa fa-cube"></i> Draw tillable data layer</div></li>
                                    <li class="tools" id="draw-accessibility-layer"><div class="link accessibility-layer"><i class="fa fa-cube"></i> Draw accessibility data layer</div></li>
                                    <li class="tools" id="clear-layer"><div class="link clear-layer"><i class="fa fa-remove"></i> Clear data layers</div></li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li id="save"><a class="save-icon" href="#"><i class="fa fa-save fa-2x side-nav-icon" title="Save current plan"></i></a></li>
                            <li class="divider"></li>
                            <li id="import"><a class="import-icon" href="#"><i class="fa fa-upload fa-2x side-nav-icon" title="Import from savefile"></i></a></li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <a class="export-image-icon" href="#"><i class="fa fa-image fa-2x side-nav-icon" title="Export to image file"></i></a>
                                <ul class="dropdown">
                                    <li class="tools"><div class="link render-farm hide-with-modded" data-season="spring">Render in spring</div></li>
                                    <li class="tools"><div class="link render-farm hide-with-modded" data-season="winter">Render in winter</div></li>
                                    <li class="tools"><div class="link render-farm hide-with-modded" data-season="summer">Render in summer</div></li>
                                    <li class="tools"><div class="link render-farm hide-with-modded" data-season="fall">Render in fall</div></li>
                                    <li><a id="uploadFarm" href="https://upload.farm/" target="_blank" class="powered-by hide-with-modded">powered by upload.farm</a></li>
                                    <li class="divider"></li>
                                    <li class="tools"><div id="export-image" class="link ">Save plan as picture</div></li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li id="reset"><a class="reset-icon" href="#"><i class="fa fa-trash fa-2x side-nav-icon" title="Reset all"></i></a></li>
                        </ul>
                    </section>
                </nav>
            </div>

            <form id="fileuploadform" style="display: none;">
                <input type="file" id="fileinput"/>
            </form>

            <!--main editor-->
            <div class="editor">
                <div class="discord-link">
                    <a href="https://discord.gg/QBqBAzp" target="_blank"><img src="/planner/img/discord-logo.png" title="Come chat with us!" /></a>
                </div>
                <!-- editor loader -->
                <div class="editor-loader">
                    <div class="loader">
                        <img class="loader-icon" src="/planner/img/hourglass.gif"><br>
                        Loading farm, please wait...
                    </div>
                </div>

                <!-- save / render loader -->
                <div class="save-loader">
                    <div class="loader">
                        <img class="loader-icon" src="/planner/img/hourglass.gif"><br>
                        Please wait... This may take a few moments
                    </div>
                </div>

                <!-- Upload loader -->
                <div class="upload-loader">
                    <div class="loader">
                        <img class="loader-icon" src="/planner/img/hourglass.gif"><br>
                        Uploading your saveGame file, please wait...<br />
                        <span class="upload-progress">0</span>%
                    </div>
                </div>
                <svg width="1280" height="1040" id="editor"></svg>
                <div class="nexus-notification notification">
                    <div class="header"><a href="https://mp.stardew.info/planner" target="_blank">Multiplanner is here</a><div class="hide-nexus-notification hide-notification">HIDE</div></div>
                    <div class="content">
                        <a href="https://mp.stardew.info/planner" target="_blank">Multiplanner</a> allows you to simultaneously plan your farm with up to 4 players here, on the planner<br>
                        Go check it out!<br>
                        <br>
                        <b>Planner is now also listed at <a href="https://www.nexusmods.com/stardewvalley/mods/3787/" target="_blank">NexusMods</a>, leave a comment and endorse!</b><br>
                        Also don't forget our <a href="https://www.facebook.com/groups/stardewplanner/" target="_blank">Facebook group!</a><br>
                        <br>
                        If you have any problems / issues / feature requests, don't hesitate to <a href="#contact">contact me</a><br /><br>
                    </div>
                </div>
                <div class="custom-layout-notification notification">
                    <div class="header">You are using modded farm layout!</div>
                    <div class="content">
                        <a href="" target="_blank" class="layout-url"><span class="layout-name">WonderfulLifeFarm</span></a> by <span class="layout-author">taintedwheat & JinxieWinxie</span>
                    </div>
                </div>
                <div class="render-notification notification">
                    <div class="header">You render is ready!<div class="render-notification hide-render-notification hide-notification">HIDE</div></div>
                    <div class="content">
                            To access your render click here: <a href="" target="_blank" class="render-url"><span class="render-display-url"></span></a><br>
                            <span class="powered-by">powered by upload.farm</span>
                    </div>
                </div>
                <div class="count-report-notification notification">
                    <div class="header">Object Count</div>
                    <div class="content"></div>
                </div>
            </div>

            <!-- newormedia ads -->
            <div id="waldo-tag-6577"></div>


            <!-- FAQ and credits -->
            <div class="faq">
                <div class="panel info" id="controls">
                    <h3>Controls:</h3>
                    <ul>
                        <li>Hold <span class="key">⌘</span> or <span class="key">Ctrl</span> or <span class="key">Shift</span> when placing buildings to "duplicate" it.</li>
                        <li><span class="key">E</span> to easily select eraser brush, press again to restore last brush</li>
                        <li><span class="key">S</span> to easily select selector brush, press again to restore last brush</li>
                        <li><span class="key">W</span> to toggle highlights temporarily (If you hold W and hover mouse to dropdowns it might break. Just toggle highlights in the highlight menu to fix for now)</li>
                        <li><span class="key">Esc</span> discards picked up building</li>
                        <li>You can use arrow keys <span class="key">⭠</span><span class="key">⭢</span><span class="key">⭡</span><span class="key">⭣</span> or middle mouse button to scroll the map if it doesn't fit to your screen</li>
                        <li>Drawing very large areas of crops / paths might result in some lag due to restriction checking, in that case just do them in little patches or disable restriction checking from options</li>
                        <li>To delete buildings, either drop it to non-buildable area, click on it with eraser or press either <span class="key">Del</span> or <span class="key">fn</span>+<span class="key">Backspace</span> or <span class="key">Esc</span> </li>
                        <li>You can enable brush overwriting mode in options</li>
                        <li>You can open object counter window from the options menu</li>
                        <li>You can find your save game file from <code>%AppData%/StardewValley/Saves</code></li>
                    </ul>
                    <br>
                    <a href="https://stardew.info/privacy-policy.html" target="_blank">Privacy Policy</a>
                </div>
                <div class="panel info" id="google" style="text-align: center;">
                    <div id="waldo-tag-6910"></div>
                </div>
                <div class="panel info changelog" id="changelog">
                    <h3>Changelog:</h3>
                    <b>24th Dec 2019</b>
                    <ul>
                        <li>Added the second Immersive Farm 2 Remastered without fences and path</li>
                        <li>Added restriction information for both Immersive Farm 2 Remastered maps</li>
                    </ul>
                    <b>17th Dec 2019</b>
                    <ul>
                        <li>Fixed "Save as picture" for bigger than default farm layouts</li>
                    </ul>
                    <b>18th Dec 2019</b>
                    <ul>
                        <li>Added interior layouts of barns, coops and sheds of all sizes.</li>
                        <li>Added quarry</li>
                    </ul>
                    <b>16th Dec 2019</b>
                    <ul>
                        <li>Changed how restriction layers work in the planner. The planner is now using direct output from <a href="https://smapi.io/">SMAPI</a> data-layers export which means the restriction info is much more accurate.</li>
                        <li>Also changed how restricted placement is shown, now you can see specific tiles that are blocking placement while dragging the items.</li>
                        <li>Added four new options related to restriction layers. Please note that drawing the restriction layers can be performance heavy.</li>
                        <li>Moved few non-building items away from Buildings menu. All placeable objects are now using separate restriction layer instead of tillable.</li>
                        <li>Placeable objects restriction layer is still not 100% accurate, but it's very close. This will be fixed once SMAPI gets a new layer for this.</li>
                        <li>Restriction rework also enables the planner to easily have this information available for custom (modded) maps as well so expect any new maps to also include restriction information</li>
                        <li>Also added four new modded maps: OmniFarm, Capitalist Dream 2, Bigger Standard Farm and More Space Forest. All of them also have <i class="fa fa-cube"></i> restriction layer data</li>
                    </ul>
                    <b>5th Dec 2019</b>
                    <ul>
                        <li>Fixed bee-hive coverage area</li>
                    </ul>
                    <b>01st Dec 2019</b>
                    <ul>
                        <li>When selecting modded map, render options are now hidden to cause less confusion</li>
                        <li>Added: Fish pond, All four giant crops, Meteorite, Coffee, Tea, Rice, Deluxe Scarecrow, Mushroom tree, Brick floor, Wood chipper, workbench, mini-jukebox, desert obelisk</li>
                    </ul>
                    <b>28th Nov 2019</b>
                    <ul>
                        <li>Added new Four Corners map. Currently without any restrictions help. SMAPI should release the data layer exporting soon, then I can update all official maps to have the same restrictions as the game does!</li>
                    </ul>
                    <b>18th Nov 2019</b>
                    <ul>
                        <li>Trying different ad services. Still only using one ad space but you might see different ones over the course of next few months.</li>
                    </ul>
                    <b>9th May 2019</b>
                    <ul>
                        <li>Added wood sign under equipment</li>
                    </ul>
                    <b>6th May 2019</b>
                    <ul>
                        <li>Added 3 new maps. Including Remastered Immersive Farm 2. Big thanks to <a href="https://www.nexusmods.com/users/38947035?tab=user+files" target="_blank">Zola from #modding @</a> Stardew Discord for getting me the correct background image</li>
                    </ul>
                    <b>20th March 2019</b>
                    <ul>
                        <li>Added Farm Extended map layout by Forkmaster. Big thanks to <a href="https://www.nexusmods.com/users/38947035?tab=user+files" target="_blank">Zola from #modding @</a> Stardew Discord for getting me the correct background image</li>
                        <li>Added placeable shipping bin. Thanks @Odin!</li>
                        <li>In talks with a modder from the Stardew Discord to get a mod for extracting exact restriction areas for any maps (including custom ones). Once this is ready, planner will have 1:1 exact placement information</li>
                    </ul>
                    <b>6th Nov 2018</b>
                    <ul>
                        <li>Changed bee-hive highlighting to match the game (It's awkward now, I know), more info <a href="https://stardewvalleywiki.com/Bee_House" target="_blank">from the wiki</a>. Thanks <b>@Dawnmist</b></li>
                    </ul>
                    <b>29th July 2018</b>
                    <ul>
                        <li>Added community farm by SgtPickles</li>
                    </ul>
                    <b>23th May 2018</b>
                    <ul>
                        <li>Added cabins. Find from the buildings menu</li>
                        <li>Multiplanner! See <a href="https://mp.stardew.info">https://mp.stardew.info</a></li>
                    </ul>

                    <div class="show-more-changelog">Show more changelog...</div>
                    <div class="more-changelog">
                        <b>7th March 2018</b>
                        <ul>
                            <li>We're having a test period with SDV Discord to see if there is enough interest for the planner channel. <a href="https://discord.gg/QBqBAzp" target="_blank">Come join us.</a></li>
                        </ul>
                        <b>16th Feb 2018</b>
                        <ul>
                            <li>Added White Water Farm</li>
                            <li>Removed the need of sending me the saveGame file for custom map</li>
                        </ul>
                        <b>18th Oct 2017</b>
                        <ul>
                            <li>We now have a <a href="https://stardew.info" target="_blank">front page!</a>. Big thanks to <a href="https://dribbble.com/kedin" onclick="ga('send', 'event', 'Karel Eding link', 'Clicked on kedin Dribble link');" target="_blank">Karel Eding</a> for creating the design and <a href="https://upload.farm/" target="_blank" onclick="ga('send', 'event', 'Upload farm link', 'Clicked on upload.farm link');">Upload.Farm</a> guys for letting to use their renders.</li>
                            <li>There is now a list of <a href="#patrons">Patrons</a>. You can get to the list by pledging <a href="https://www.patreon.com/bePatron?c=1239286" target="_blank" class="patreon-orange">@Patreon</a></li>
                            <li>Made visible changelog shorter. You can still view all of it by clicking the "Show more" link at the bottom of this box.</li>
                        </ul>
                        <b>9th Oct 2017</b>
                        <ul>
                            <li>Finally did the RethinkDB to MySQL migration. If you wish to read more about the technical side of this, you can do so here on <a href="https://medium.com/@hpeinar/migrating-500k-documents-22gb-of-data-from-rethinkdb-to-mysql-for-stardew-planner-bdef4c1d4639" target="_blank">Medium</a></li>
                        </ul>
                        <b>27th Sept 2017</b>
                        <ul>
                            <li>Added links to Patreon page. Chip in!</li>
                        </ul>
                        <b>6th Sept 2017</b>
                        <ul>
                            <li>Fixed saving map to picture. Thanks Stefanie Carter for reporting this.</li>
                        </ul>
                        <b>25th Aug 2017</b>
                        <ul>
                            <li>Added 4 new map layouts from Ali</li>
                        </ul>
                        <b>22th June 2017</b>
                        <ul>
                            <li>Added Stardew Valley merchandise shop banner. <a href="http://blog.chucklefish.org/shop/#Stardew" target="_blank">Be sure to get your Junimos!</a></li>
                        </ul>
                        <b>7th Mai 2017</b>
                        <ul>
                            <li>Added Stardew Valley expansion map under custom layouts</li>
                            <li>Changed how layout changing works. If you have any problems with it, please let me know</li>
                            <li>Added Discord contact</li>
                        </ul>
                        <b>10th Apri 2017</b>
                        <ul>
                            <li>Menu items are now more compact on smaller screens</li>
                            <li>Added facebook button so people would find our FB group more easily</li>
                        </ul>
                        <b>25th Mar 2017</b>
                        <ul>
                            <li>Added pine, oak and maple trees</li>
                        </ul>
                        <b>13th Feb 2017</b>
                        <ul>
                            <li>Merged pull request by <a href="https://github.com/ClairelyClaire" target="_blank">ClairelyClaire</a> to add all the different crops.</li>
                        </ul>
                        <b>7th Jan 2017</b>
                        <ul>
                            <li>Placing torch on fence block will now turn it into torch-fence.</li>
                            <li>Added wooden and iron lamp posts under Terrain menu</li>
                        </ul>
                        <b>26th Dec</b>
                        <ul>
                            <li>Greenhouse interior is now plannable! (Select it from layouts)</li>
                            <li>Greenhouse toggle is back!</li>
                        </ul>
                        <b>3th Nov</b>
                        <ul>
                            <li>Testing Ads as donations do not currently cover server upkeeps.</li>
                        </ul>
                        <b>24th Oct</b>
                        <ul>
                            <li>Fixed house sprite size</li>
                        </ul>
                        <b>23th Oct</b>
                        <ul>
                            <li>Added 3 new custom layouts</li>
                        </ul>
                        <b>20th Oct</b>
                        <ul>
                            <li>Officially integrated stardew.info and upload.farm. <a href="https://www.reddit.com/r/StardewValley/comments/58g25j/uploadfarm_and_stardewinfo_unite/" target="_blank">Read more here.</a></li>
                            <li>Fixed sever error with save importing</li>
                        </ul>
                        <b>18th Oct</b>
                        <ul>
                            <li>Fixed mining layout importing (<a href="http://community.playstarbound.com/members/gummywyrms.713195/" target="_blank">gummywyrms</a>)</li>
                        </ul>
                        <b>17th Oct</b>
                        <ul>
                            <li>Added progress indicator for uploading your saveGame file</li>
                        </ul>
                        <b>16th Oct</b>
                        <ul>
                            <li>Fixed mill size</li>
                        </ul>
                        <b>1st Oct</b>
                        <ul>
                            <li>Did the restriction paths for the new layouts</li>
                            <li>Added new buildings (obelisks, mill, shed, junimo hut, gold clock)</li>
                            <li>Added some debris to the menu (log, stone, stumps etc)</li>
                        </ul>
                        <b>30th Sept</b>
                        <ul>
                            <li>Added new farm layout and made it possible to support custom maps too</li>
                            <li>Fixed some issues with nginx and static file serving</li>
                        </ul>
                        <b>27th Sept</b>
                        <ul>
                            <li>Moved to <a href="https://rethinkdb.com/" target="_blank">RethinkDB</a> from fs</li>
                            <li>Moved the server to US (NYC-3). Sorry EU users, but as most of the users are from US, it made more sense to have the server there</li>
                            <li>Switched UUIDv4 out with more human readable id system</li>
                        </ul>
                        <b>21th July</b>
                        <ul>
                            <li>Added 'W' and 'S' shortcuts</li>
                            <li>Removed the cause of the <a href="https://www.reddit.com/r/StardewValley/comments/4sri6s/stardewinfoplanner_outage/" target="_blank">last outage</a></li>
                        </ul>
                        <b>11th July</b>
                        <ul>
                            <li>Image exporting by <a href="https://github.com/rgson" target="_blank">rgson</a></li>
                        </ul>
                        <b>17th June</b>
                        <ul>
                            <li>Moved save game importing to backend</li>
                            <li>Added /api/import endpoint which can be use to integrate planner with your own site! More on: <a href="https://github.com/hpeinar/stardewplanner" target="_blank">@GitHub</a></li>
                        </ul>
                        <b>8th June</b>
                        <ul>
                            <li>Merged some PR's from GitHub</li>
                        </ul>
                        <b>16th May</b>
                        <ul>
                            <li>Fixed import when building doesn't exist (mods?)</li>
                        </ul>
                        <b>22th April (community update)</b>
                        <ul>
                            <li>Import icon changed for more convenient one <a href="https://github.com/TheLostSoul" target="_blank">TheLostSoul</a></li>
                            <li>Import now imports large rocks, stumps and logs. Also weeds are fixed now. <a href="https://github.com/TheLostSoul" target="_blank">TheLostSoul</a></li>
                            <li>Added object counter window <a href="https://github.com/echoenzo" target="_blank">echoenzo</a></li>
                        </ul>
                        <b>1th April</b>
                        <ul>
                            <li>Published source on <a href="https://github.com/hpeinar/stardewplanner" target="_blank">@GitHub</a></li>
                        </ul>
                        <b>30th March</b>
                        <ul>
                            <li>Highlight states and options now save!</li>
                            <li>Fixed minor restriction areas (thanks Mai & R3ality)</li>
                            <li>Added twitter share button</li>
                            <li>Moved eraser out from the "tools" menu</li>
                            <li>Added freemode possibility for the brush. Enable it in the options (this option does not save over reloads)</li>
                            <li>Added tree & gravel path to the menu</li>
                            <li>Added torch & campfire back to the menu</li>
                        </ul>
                        <b>29th March</b>
                        <ul>
                            <li>Added fancy notification about new version</li>
                            <li>Highlights should be better now, also they are off by default now</li>
                            <li>Added contact section</li>
                        </ul>
                        <b>28th March</b>
                        <ul>
                            <li>Made importing better (thanks Mai)</li>
                            <li>Fixed menu word wrap problem</li>
                            <li>Restriction area behind house is now 1 tile</li>
                        </ul>
                        <b>22th March</b>
                        <ul>
                            <li>Released new version to closed beta. New stuff:</li>
                            <li>Using <a href="http://snapsvg.io/">SnapSVG</a> instead of <a href="http://dmitrybaranovskiy.github.io/raphael/">Raphael</a></li>
                            <li>Better brush. It is now possible to brush big areas easier</li>
                            <li>Better restriction handling.</li>
                            <li>Showing coordinates for those who like to edit their saves</li>
                            <li>Save game import!</li>
                            <li>A lot more optimized way of drawing the SVG (using patterns and use elements)</li>
                        </ul>
                    </div>
                </div>
                <div class="panel radius" id="donate">
                    <h3>Donate:</h3>
                    You can do so on <a href="https://www.paypal.com/paypalme/hpeinar/" target="_blank" class="paypal-blue">@PayPal</a> or <a href="https://www.patreon.com/bePatron?c=1239286" target="_blank" class="patreon-orange">@Patreon</a>
                </div>
                <div class="panel info" id="merch-shop" style="text-align: center;">
                    <h3>Stardew Valley merchandise shop!:</h3>
                    <a href="https://www.stardewvalley.net/shop/" target="_blank"><img style="margin: auto" src="https://www.stardewvalley.net/wp-content/uploads/2018/12/Item_Shop_logo.png" width="387" height="72" alt="Stardew Valley merchandise shop"></a>
                </div>
                <div class="panel radius" id="contact">
                    <h3>Contact:</h3>
                    <b><a href="https://www.facebook.com/groups/stardewplanner/">Facebook group</a></b><br />
                    <b>Discord: <a href="https://discord.gg/RRPKc4Z">Stardew Valley discord @hpeinar</a></b><br />
                    <b>GitHub: <a href="https://github.com/hpeinar/stardewplanner" target="_blank">@GitHub</a></b><br />
                    <b>Reddit:</b> <a href="https://www.reddit.com/r/StardewValley/comments/4ckzzo/stardew_farm_planner_v2_is_out_save_importing/" target="_blank">v2 planner thread</a><br>
                    <b>Stardew official forums:</b> <a href="http://community.playstarbound.com/threads/farm-planner-v2-out-now-save-importing-and-much-more.112098/" target="_blank">Official forums thread</a><br>
                    <b>Steam thread:</b> <a href="http://steamcommunity.com/app/413150/discussions/0/365163537814721588/" target="_blank">Discussion thread</a><br>
                    <b>E-mail: </b>henrik<span class="hide-email">yobots</span>peinar@<span class="hide-email">hotmail.com</span>gmai<span class="hide-email">lllll</span>l.com<br>
                    <b>Twitter: <a href="https://twitter.com/hpeinar">@hpeinar</a> & #stardewplanner</b><br>
                    <a href="https://twitter.com/intent/tweet?button_hashtag=stardewplanner&text=Plan%20you%20%23stardewvalley%20farm%20in" class="twitter-hashtag-button" data-related="hpeinar" data-url="https://stardew.info/planner">Tweet #stardewplanner</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                </div>
                <div class="panel callout radius" id="faq">
                    <h3>FAQ:</h3>
                    <dl>
                        <dt>1. What is this?</dt>
                        <dd>This is <a href="http://stardewvalley.net/" target="_blank">Stardew Valley</a> interactive farm planner</dd>

                        <dt>2. Saving doesn't appear to do anything?</dt>
                        <dd>When you press save, your farm layout is saved and page will be reloaded to confirm the save. You can then use the url to link to your farm (or bookmark it)</dd>

                        <dt>3. Does this work on touch devices (tablets, phones)?</dt>
                        <dd>Current version does not officially support touch devices yet but it is planned for future.</dd>

                        <dt>4. How can I delete buildings?</dt>
                        <dd>Please see <a href="#controls">controls section</a></dd>

                        <dt>5. Not working? Having any issues?</dt>
                        <dd>Feel free to contact me in <a href="https://www.reddit.com/user/hpeinar" target="_blank">reddit</a> or <a href="http://community.playstarbound.com/members/hpeinar.609256/" target="_blank">Stardew official forums</a></dd>
                    </dl>
                </div>
                <div class="panel callout radius" id="developer-panel" style="display: none;">
                    <h3>In case you happen to see this panel, this is used to import data-layers to the planner:</h3>
                    <div>
                        Building layer: <input type="file" data-layer="buildable.buildable" id="importBuildingRestrictions"/>
                        Tillable layer: <input type="file" data-layer="tillable.tillable" id="importTillableRestrictions"/>
                        Accessibility layer: <input type="file" data-layer="accessible.impassable" id="importAccessibilityRestrictions"/>
                    </div>
                </div>
                <div class="panel callout radius" id="custom-layout">
                    <h3>How to get your custom layout to the planner:</h3>
                    <ul>
                        <li>Email me the following: <br>
                            - link to the mod <br>
                            - name of your layout as it should appear on the planner <br>
                            - author(s) name(s)<br>
                        </li>
                        <li>Your mod has to be somewhat popular as it takes time for me to add the layout.</li>
                    </ul>
                </div>
                <div class="panel callout radius" id="patrons">
                    <h2>Golden patrons:</h2>
                    <h1 data-content="Brittany Crites" style="font-size: 24px;">Brittany Crites</h1>

                    <h3>Patrons:</h3>
                    <h1 data-content="Julie Xue">Julie Xue</h1>
                    <h1 data-content="Marie Jeffries">Marie Jeffries</h1>
                    <h1 data-content="Glen Martlin">Glen Martlin</h1>
                    <h1 data-content="Brad Greer">Brad Greer</h1>
                    <h1 data-content="Chakwaina">Chakwaina</h1>
                    <h1 data-content="Steven Carpenter">Steven Carpenter</h1>
                    <h1 data-content="Peter Collins">Peter Collins</h1>
                    <h1 data-content="Torin Sockey">Torin Sockey</h1>
                    <h1 data-content="Joce">Joce</h1>
                    <h1 data-content="Kaiwren">Kaiwren</h1>
                    <br >
                    A very big thanks to everybody who helps to keep this tool running!
                </div>
                <div class="panel callout radius" id="credits">
                    <h3>Credits:</h3>
                    <a href="https://www.reddit.com/user/hpeinar" target="_blank"><div class="label success credits">Farm planner by <b>Henrik Peinar (/u/hpeinar)</b></div></a><br >
                    <a href="https://www.reddit.com/user/zaxcz" target="_blank"><div class="label info">Background image exported from game by <b>/u/zaxcz</b></div></a><br >
                    <a href="https://www.reddit.com/user/Jurk0wski" target="_blank"><div class="label info">Building sizes and door locations by <b>/u/Jurk0wski</b></div></a><br >
                    <a href="https://www.reddit.com/user/ThisIsMyName777" target="_blank"><div class="label info">Base save importing code by <b>/u/ThisIsMyName777</b></div></a><br >
                    <a href="https://github.com/ClairelyClaire" target="_blank"><div class="label info">All crops from all seasons by <b>ClairelyClaire</b></div></a><br >
                    <div class="label info">Tons of suggestions, fixes, testing and ideas by <b>R3ality</b></div><br>
                    <div class="label success credits"><a href="https://upload.farm/" target="_blank" class="credits">upload.farm by</a> <b><a href="https://www.reddit.com/user/sketchy502" class="credits" target="_blank">sketchy502</a> & <a href="https://www.reddit.com/user/Lokili" class="credits" target="_blank">Lokili</a></b></div><br>
                    <div class="label info">Providing test save file with most of the items and ID's <b>Mai</b> from <a href="irc://irc.freenode.net/stardewvalley" target="_blank">#stardewvalley</a></div><br>
                    <div class="label info">Being a cool guy and pointing me in the right direction with some coding stuff <b>TeMPOraL</b> from <a href="irc://irc.freenode.net/stardewvalley" target="_blank">#stardewvalley</a></div><br>
                    <div class="label info">Helping to test and improve v2 version of the tool <b>speeder</b> from <a href="irc://irc.freenode.net/stardew-modding" target="_blank">#stardewvalley</a></div><br>
                    <div class="label info">Sharing their epic farm saves <a href="https://www.reddit.com/user/ky13" target="_blank">/u/ky13</a> & <a href="https://www.reddit.com/user/Halfbloood" target="_blank">/u/Halfbloood</a></div><br>
                    <a href="https://smapi.io/" target="_blank"><div class="label success credits">For making SMAPI <b>Pathoschild</b></div></a><br >
                    <div class="label info">hweetipie, paraskeet Kylindra from <a href=" https://discordapp.com/invite/stardewvalley" target="_blank">Stardew Valley discord</a> for much help!</div><br/>
                    <div class="label info">My name's [Raven] and I like to party, pointing out typos makes me feel smarty!</div><br/>
                    <div class="label info"><a href="http://community.playstarbound.com/members/uselessdragonfly.636240/" target="_blank">uselessdragonfly</a> for providing test save files for 1.1</div><br />
                    <div class="label success credits"><a href="http://stardewvalley.net/" target="_blank" class="credits">Stardew Valley by </a><b><a href="https://www.reddit.com/user/ConcernedApe" class="credits" target="_blank">ConcernedApe</a></b></div>
                    <br>
                    <a href="https://www.jetbrains.com" target="_blank"><div class="label primary credits">This project is built using tools offered by <b>JetBrains</b></div></a><br>
                </div>
            </div>i
        </div>
    </div>

<!--    <div class="google-notification notification">-->
<!--        <div class="header">Ads:<div class="hide-google-notification hide-notification">HIDE</div></div>-->
<!--        <div class="content" style="width: 350px;">-->
<!--            &lt;!&ndash; google ads &ndash;&gt;-->
<!--            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<!--            &lt;!&ndash; after-controls &ndash;&gt;-->
<!--            <ins class="adsbygoogle"-->
<!--                 style="display:inline-block;width:336px;height:280px"-->
<!--                 data-ad-client="ca-pub-7596140300521041"-->
<!--                 data-ad-slot="3946693612"></ins>-->
<!--            <script>-->
<!--                (adsbygoogle = window.adsbygoogle || []).push({});-->
<!--            </script>-->
<!--            &lt;!&ndash; google ads &ndash;&gt;-->
<!--        </div>-->
<!--    </div>-->

    <!-- infolinks -->
    <!-- <script type="text/javascript"> var infolinks_pid = 3219331; var infolinks_wsid = 0; </script> <script type="text/javascript" src="//resources.infolinks.com/js/infolinks_main.js"></script>-->

    <!-- jquery -->
    <script src="/planner/vendor/jquery.min.js"></script>
    <!-- raphael -->
    <script type="text/javascript" src="/planner/vendor/snap.svg-min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/js/foundation.min.js"></script>

    <!-- local js -->
    <script type="text/javascript" src="/planner/js/data/sprites.js?v=24122019"></script>
    <script type="text/javascript" src="/planner/js/data/layouts.js?v=24122019"></script>

    <script type="text/javascript" src="/planner/js/engine/building.js?v=24122019"></script>
    <script type="text/javascript" src="/planner/js/engine/brush.js?v=24122019"></script>
    <script type="text/javascript" src="/planner/js/engine/board.js?v=24122019"></script>

    <script type="text/javascript" src="/planner/js/main.js?v=24122019"></script>

    <script>
        $(document).foundation();
    </script>

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-74517445-1', 'auto');
        ga('send', 'pageview');

    </script>

<!--    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<!--    <script>-->
<!--        (adsbygoogle = window.adsbygoogle || []).push({-->
<!--            google_ad_client: "ca-pub-7596140300521041",-->
<!--            enable_page_level_ads: true-->
<!--        });-->
<!--    </script>-->
</body>
</html>
